*,html, div, p, ul, li ,a, h1,h2,h3,h4,h5,h6,cite,strong,u,tr,td,th,table,header,aside,nav,section,article,hggrounp,address,footer,hr,br,pre,ol,blockquote,a { margin:0; padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section { display: block;}
body { font-family: 微软雅黑; }
ul { text-decoration:none; }
ul li { list-style:none;}
a { text-decoration:none;}
a:hover{ text-decoration:none;}
html { font-size: 62.5%;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}
body, input, button, textarea { font-size: 12px; font-family: Arial, Helvetical,sans-serif;}
a { text-decoration: none; outline: none;}
a:hover {cursor: pointer;}
th, td { vertical-align: top;}
.clear { clear: both; height: 0; overflow: hidden; font-size: 0; content: "";}
.fixed { position: fixed;}
.rel { position: relative;}
.abs { position: absolute;}
.fl { float: left;}
.fr { float: right;}
.marLRAuto { margin-left: auto; margin-right: auto;}
.disNone { display: none;}
.inline-block{ display: inline-block;vertical-align: middle;}
.margin-top-5{ margin-top: 0.5rem;}
.margin-top-10{ margin-top: 1rem;}
.margin-left-5{ margin-left: 0.5rem;}
.margin-left-10{ margin-left: 1rem;}
.margin-bottom-5{ margin-bottom: 0.5rem;}
.margin-bottom-10{ margin-bottom: 1rem;}
.margin-right-5 { margin-right: 0.5rem;}
.margin-right-10 { margin-right: 1rem;}
.padding-top-5{ padding-top: 0.5rem;}
.padding-top-10{ padding-top: 1rem;}
.padding-left-5{ padding-left: 0.5rem;}
.padding-left-10{ padding-left: 1rem;}
.padding-bottom-5{ padding-bottom: 0.5rem;}
.padding-bottom-10{ padding-bottom: 1rem;}
.padding-right-5 { padding-right: 0.5rem;}
.padding-right-10 { padding-right: 1rem;}
.size-0 { font-size: 1rem;}
.size-1 { font-size: 1.1rem;}
.size-3 { font-size: 1.3rem;}
.size-4 { font-size: 1.4rem;}
.white { color: #FFF;}
.gray { color: #999999;}
.padding-4{ padding: 0.4rem;}
.padding-5{ padding: 0.5rem;}
.border-5{ border-radius: 0.5rem;}
.border-7{ border-radius: 0.7rem;}
.pink { color: #f35d11;}
.blank{color: #323232;}
.gray { color: #989898;}
.align { text-align: center;}
.align_right { text-align: right;}
.select_none{ -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;}

@media screen and (min-width:300px) and (max-width:350px){html{font-size:13px;}}
@media screen and (min-width:351px) and (max-width:400px){ html{ font-size: 15px;}}
@media screen and (min-width:401px) and (max-width:450px){html{font-size:17px;}}
@media screen and (min-width:451px) and (max-width:500px){html{font-size:18px;}}
@media screen and (min-width:501px) and (max-width:580px){html{font-size:19px;}}
@media screen and (min-width:581px) and (max-width:650px){html{font-size:20px;}}
@media screen and (min-width:651px) and (max-width:700px){html{font-size:21px;}}
@media screen and (min-width:701px) and (max-width:800px){ html{ font-size:24px;} }
@media screen and (min-width:801px) and (max-width:850px){html{font-size:26px;}}
@media screen and (min-width:851px) and (max-width:900px){html{font-size:28px;}}
@media screen and (min-width:901px) and (max-width:959px){html{font-size:29px;}}
@media screen and (min-width: 960px) and (max-width: 1024px){html { font-size: 30px;} }
@media screen and (min-width: 1025px){ html { font-size: 32px;} }